const List = document.querySelectorAll('.data')

console.log(List)
var val;
var val2;
Data.forEach((item, index) => {
  // console.log(item);

  val += ' <li><div class="icon"> <img src="' + item.icon + '" alt="" />  </div> <div class="text">' + item.val + '</div></li>'


})
Data2.forEach((item, index) => {
  val2 += ' <li><div class="icon"> <img src="' + item.icon + '" alt="" />  </div> <div class="text">' + item.val + '</div></li>'
})
val = val.slice(9)
val2 = val2.slice(9)
console.log(val);
List[0].innerHTML = val
List[1].innerHTML = val2




